css variable
- col-1
- col-2
- col-3
- col-4
- col-5
- col-6
- col-7
:root tersedia secara global
:root {
--nama_var: value;
--col-1: red;
--col-2: orange;
--col-3: yellow;
--col-4: green;
--col-5: blue;
--col-6: indigo;
--col-7: violet;
--col-t: teal;
--col-b: black;
--col-g: darkgrey;
}
.header hanya dapat dipakai oleh item atau content di dalam header
.header {
--col-1: violet;
--col-2: indigo;
}
.class {
propety: var(--nama_var);
.col-1 {color: var(--col-1);}
.col-2 {color: var(--col-2);}
.col-3 {color: var(--col-3);}
.col-4 {color: var(--col-4);}
.col-5 {color: var(--col-5);}
.col-6 {color: var(--col-6);}
.col-7 {color: var(--col-7);}
}